// 创建一个类
class Add {
    constructor(id, teaName, teaType, teaImg, teaPrice, teaDescribe) {
        this.id = id;
        this.teaName = teaName;
        this.teaType = teaType;
        this.teaImg = teaImg;
        this.teaPrice = teaPrice;
        this.teaDescribe = teaDescribe;
    }
}

// 改变事件
function getvalue() {
    // 获取input的标签对象
    let file = document.getElementById("fileinput");
    console.log(file.files);
    let fileobj = file.files;
    console.log(fileobj[0].name);

    // 获取div标签对象
    let imgobj = document.getElementsByClassName("imgbox")[0];
    // 字符串拼接
    let s = `<img src="../img/${fileobj[0].name}">`;
    imgobj.innerHTML = s;
    return fileobj[0].name;

}

// 点击事件  添加茶叶信息
function addTea() {
    // 获取父元素标签对象
    let divobj = document.getElementsByTagName("div")[0];
    // 1.茶叶名称
    let teaName = divobj.getElementsByTagName("input")[0].value;
    // 2.茶叶类型
    let teaType = divobj.getElementsByTagName("select")[0].value;
    //3.茶叶文件图片
    let teaImg = getvalue();
    // 4.茶叶价格
    let teaPrice = divobj.getElementsByTagName("input")[2].value;
    // 5.茶叶表述
    let teaDescribe = divobj.getElementsByTagName("textarea")[0].value;

    // 创建一个对象
    let obj = new Add(1, teaName, teaType, teaImg, teaPrice, teaDescribe);

    // 发送ajax请求
    $.ajax({
        // 1.发送类型
        type: "post",
        // 2.接口地址
        url: "/js/addTea",
        // 3.是否携带参数
        data: JSON.stringify(obj),
        // 4.返回数据类型
        dataType: "json",
        // 5.回调函数  data表示后台接口返回的数据
        success: function(data) {
            if (data) {
                alert("添加成功");
                // 刷新当前页面
                location.reload();
            } else {
                alert("茶叶已存在");
            }
        }
    })
}